<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
		xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head th:replace="common :: common_header(~{::title},~{})">
<meta charset="UTF-8">
<title>我的首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=""
	th:href="@{/webjars/bootstrap/dist/css/bootstrap.min.css}">
</head>
<body>
	<div th:fragment="top">
		<div class="navbar-fixed-top">
		<div class="navbar navbar-inverse" style="border-width:0 0 1px;border-radius: 0px;margin-bottom: 0px;">
			<div class="container">
				<div class="contactus">
					<div class="navbar-text">
						<span>欢迎致电：<strong th:text="${#servletContext.getAttribute('configurationParameter').servicePhone}">400-1212-1212</strong></span>
						<span>服务时间<span th:text="${#servletContext.getAttribute('configurationParameter').serviceTime}">9:00-21:00</span></span>
					</div>
					
					<div class="navbar-right">
						<ul class="nav navbar-nav">
							<li><a href="#" th:href="@{/info/index}">运营数据</a></li>
							<li><a href="#">最新活动</a></li>
							<li><a href="#">积木坛子</a></li>
							<li><a href="#">下载客户端</a></li>
							<li sec:authorize="hasRole('ROLE_ADMIN')"><a href="" target="_blank" th:href="@{/manager/index}">访问后台管理系统</a></li>
							<li sec:authorize="isAuthenticated()"><a href="#" th:text="${#authentication.name}">用户名</a></li>
							<li sec:authorize="isAuthenticated()"><a href="#" th:href="@{/user/signOut}">退出</a></li>
							<li sec:authorize="!isAuthenticated()"><a href="" th:href="@{/user/index}">登录</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="" th:href="@{/index}">Brand</a>
				</div>

				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="" th:href="@{/index}">首页</a></li>
						<li><a href="#" th:href="@{/borrow/index}">我要投标</a></li>
						<li><a href="" th:href="@{/user/index}">我的账户</a></li>
						<li><a href="#" th:href="@{/home/about}">信息披露</a>
					</ul>
				</div>
			</div>
		</nav>
	</div>
	<div style="margin-top: 120px;"></div>
		</div>
		

	<div>
		<div class="container" style="padding-bottom: 10px">
			<div class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-slide-to="0"></li>
				</ol>

				<div class="carousel-inner">
					<div class="item active">
						<img
							src=""
							alt="...">
						<div class="carousel-control">....</div>
					</div>
				</div>
				
				<a class="left carousel-control">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		
		<div class="container">
			<div class="row">
				<div th:each="obj : ${borrowInfos.content}" class="col-md-3 borrowList">
					<div class="panel panel-default">
						<div class="panel-body">
							<ol class="list-unstyled">
								<li th:text="${obj.name}">借款标名称</li>
								<li th:text="${obj.no}">借款编号</li>
								<li th:text="${obj.repaymentMethod}">还款方式</li>
								<li>
									<div class="progress">
										<div class="progress-bar progress-bar-striped" style="min-width:2em;width:60%">
											60%
										</div>
									</div>
								</li>
							</ol>
							<div >
								<div class="col-md-6">
									<p class="text-primary" th:text="${#numbers.formatPercent(obj.investRate / 100,2,2)}">0.00%</p>
									<p>年华收益率</p>
								</div>
								<div class="col-md-6">
									<p class="text-primary"><span th:text="${obj.period}">1</span>个月</p>
									<p>借款期限</p>
								</div>
							</div>
							
							<div>
								<a href="#" th:href="@{/borrow/details/{borrowId}(borrowId=${obj.id})}" class="btn btn-primary">投标</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div></div>
</body>
</html>